.form{
  width: 92vw;
  height: 35vh;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 8rpx;
  background-color: white;
  padding: 30rpx;
}
.user_btn{
  width: 90%;
  height: 80rpx;
  background-color: rgb(7,193,96);
  color: white;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 50rpx auto 0 auto;
}
.user_avatar{
  height: 19.33vw;
  width: 19.33vw;
  position: absolute;
  top: 6vh;
  left: calc(100vw/2)-9.665vw;
  border-radius: 9.665vw;
  box-shadow: 0 1px 5px 1px #d5d5d5;
  -webkit-box-shadow: 0 1px 5px 1px #d5d5d5;
  -moz-box-shadow: 0 1px 5px 1px #d5d5d5;
}
.btn_register{
  width: 90%;
  height: 70rpx;
  background-color: #FFD300;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 50rpx auto 0 auto;
  box-shadow: 0 2px 5px 0 rgba(255, 211, 0, 0.4);
  -webkit-box-shadow: 0 2px 5px 0 rgba(255, 211, 0, 0.4);
  -moz-box-shadow: 0 2px 5px 0 rgba(255, 211, 0, 0.4);
}
.user_code{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 50rpx;
}
.btn_code{
  width: 160rpx;
  height: 60rpx;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: #FFD300;
  color: white;
  border-radius:8rpx;
}
